<template>

  <el-carousel :interval="3000" arrow="always" height="calc(100vh - 100px )">
    <el-carousel-item v-for="item in pic" :key="item">
      <el-image
          style="width: 100%; height: 100%"
          :src="item">
      </el-image>
    </el-carousel-item>
  </el-carousel>


<!--  <div>
    <iframe allowtransparency="true" frameborder="0" width="385" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=3&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=54511&w=385&h=96&align=center"></iframe>
  </div>-->


</template>

<script>
import pic1 from "../../assets/loginbg.png"
import pic2 from "../../assets/loginbg2.png"
import pic3 from "../../assets/loginbg3.png"
export default {
  name: "index",
  data() {
    return {
      pic:[pic1,pic2,pic3]
    }
  },
  created(){

  }
}
</script>

<style scoped>

</style>
